
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head include="/common/base_head :: commonHead('用户管理')">
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <link rel="Bookmark" href="favicon.ico" />
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../static/lib/html5.js"></script>
    <script type="text/javascript" src="../static/lib/respond.min.js"></script>
    <[endif]-->
    <link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../static/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../static/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <[endif]-->
    <!--/meta 作为公共模版分离出去-->

    <title>检查列表查询</title>

    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .text_c{
            clear: both;
            height: 90px;
        }
        .text_c>table{
            width: 85%;
            float: left;
        }
        .text_c>div{
            width: 15%;
            float: left;
            text-align: center;
        }
        .text_c>table tr td:nth-child(even){
            padding: 0 15px;
        }
        .text_c>table tr td{
            position: relative;
            height: 48px;
        }
        .text_c>table input,.text_c>table select{
            width: 100%;
            height: 30px !important;
            box-sizing: border-box;
        }
        .text_c>table input#age{
            width: 60%;
        }
        .text_c>table select#ageUnit{
            width: 34%;
            position: absolute;
            right: 15px;
        }
        .text_c_btn{
            margin-top: 5px;
        }
        .text_c_btn button{
            margin: 5px auto;
            width: 82px !important;
        }


    </style>

</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 检查列表查询 </nav>
<div class="page-container">
    <div class="text_c">
        <table>
            <tr>
                <td>患者编号:</td>
                <td><input type="text" class="input-text"  id="pid" name="" th:value="${pid}"/></td>
                <td>姓名:</td>
                <td><input type="text" class="input-text"  id="pname" name="" th:value="${pname}"/></td>
                <td>性别:</td>
                <td colspan="3">
                    <select class="select" id="gender" name="gender" size="1" style="width: 19%;display: block;float: left;margin-right: 1%;border: 1px solid #ddd;">
                        <option value="" selected="true">不限</option>
                        <option value="M" >男</option>
                        <option value="F" >女</option>
                    </select>

                <span style="width: 10%;display: block;float: left;line-height: 30px;text-align: center;">年龄:</span>

                    <input type="text" class="input-text"  id="beginAge" name="" style="width: 25%;display: block;float: left;"/>
                    <span style="width: 10%;display: block;float: left;line-height: 30px;text-align: center;">至</span>
                    <input type="text" class="input-text"  id="endAge" name="" style="width: 25%;display: block;float: left;"/>
                    <select class="select" id="ageUnit" name="ageUnit" size="1" style="width: 10%;display: block;float: left;margin-right: 1%;border: 1px solid #ddd;">
                        <option value="Y" selected="true">岁</option>
                        <option value="M" >月</option>
                        <option value="D" >天</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>检查类型:</td>
                <td><select class="select" id="modality" name="modality" size="1">
                    <option value="" selected="true"> </option>
                    <option value="CT" >CT</option>
                    <option value="CR" >CR</option>
                    <option value="MR" >MR</option>
                    <option value="DX" >DX</option>
                    <option value="XA" >XA</option>
                    <option value="MR\SR" >MR\SR</option>
                    <option value="SR\XA" >SR\XA</option>
                </select></td>
                <td>检查部位:</td>
                <td> <input type="text" class="input-text"  id="studesc" name=""/></td>
                <td>   检查日期：</td>
                <td colspan="3">
                    <select id="dadd" style="width: 19%;display: block;float: left;margin-right: 1%;border: 1px solid #ddd;">
                        <option value="0" >今天</option>
                        <option value="7" selected="true">最近7天</option>
                        <option value="30" >最近30天</option>
                        <option value="" >不限</option>
                    </select>
                    <input type="text" onclick="WdatePicker()" id="beginDate" class="input-text Wdate" style="width: 35%;display: block;float: left;" th:value="${beginDate}"/>
                    <span style="width: 10%;display: block;float: left;line-height: 30px;text-align: center;">至</span>
                    <input type="text" onclick="WdatePicker()" id="endDate" class="input-text Wdate" style="width: 35%;display: block;float: left;" th:value="${endDate}"/>
                </td>
                <!--<td style="text-align: center;">至</td>-->
                <!--<td><input type="text" onclick="WdatePicker()" id="endDate" class="input-text Wdate" /></td>-->
            </tr>
        </table>

        <div class="text_c_btn">
            <button type="submit" class="btn btn-success radius" id="search" name=""><i class="Hui-iconfont">&#xe665;</i> 查询</button>
            <br/>
            <button href="javascript:;" onclick="showaddpacs()" class="btn btn-danger radius">追加查看</button>

            <button href="javascript:;" onclick="showpacs()" class="btn btn-danger radius">分屏查看</button>
        </div>

    </div>
    <div class="cl pd-5 bg-1 bk-gray mt-20"> </div>
    <div class="mt-20">
        <table class="table table-border table-bordered table-hover tle-bg table-sort" id="tableClickSort">
            <thead>
            <tr class="text-c">
                <th width="1"><input type="checkbox" name="" value=""/></th>
                <th width="10" style="cursor: pointer;min-width: 100px;max-width: 240px;">患者编号</th>
                <th width="15" style="cursor: pointer;min-width: 100px;max-width: 240px;">检查日期</th>
                <th width="10" style="cursor: pointer;min-width: 100px;max-width: 240px;">姓名</th>
                <th width="10" style="cursor: pointer;min-width: 100px;max-width: 240px;">性别</th>
                <th width="10" style="cursor: pointer;min-width: 100px;max-width: 240px;">年龄</th>
                <th width="15" style="cursor: pointer;min-width: 200px;max-width: 400px;">检查部位</th>
                <th width="10" style="cursor: pointer;min-width: 100px;max-width: 240px;">检查类型</th>
                <th width="10" style="cursor: pointer;min-width: 100px;max-width: 240px;">图片数量</th>
            </tr>
            </thead>
            <tbody id="tbody" th:utext="${html}"></tbody>
        </table>
    </div>
</div>

<div>
    <script type="text/javascript" src="../static/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="../static/lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>
    <script type="text/javascript" src="../static/js/mydate.js"></script>
    <script type="text/javascript" src="../static/js/DataTableServerSideData.js"></script>

</div>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../static/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="../static/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../static/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="../static/js/list.js"></script>
<!--请在上方写此页面业务相关的脚本-->
</body>
</html>